<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="icon" type="image/png" sizes="192x192" href="./logo_desk.png">
  <link rel="apple-touch-icon" href="./logo_desk.png">
  <!-- <link rel="manifest" href="./manifest.json" /> -->
  <!-- <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
  <!-- 页面上有一串数字没有加链接样式，但iphone会自动将文字加上链接样式，并且点击会自动拨号，加上下面的代码就会控制住 -->
  <!-- <meta content="telephone=no, email=no, adress=no" name="format-detection" /> -->
  <title>STARSHIPS</title>
  <style>
  html{
    /* 以下表示 750PX 设计稿中，1rem=100px */
    /* font-size: 37.5px !important;  */
  }
  </style>

  <script>
    // (function () {
    //   const compute = () => {
    //     let html = document.documentElement,
    //       deviceWidth = html.clientWidth,
    //       designWidth = 750;
    //     let ratio = 37.5 * deviceWidth / designWidth
    //     html.style.fontSize = ratio + 'px'
    //   }
    //   compute();
    //   window.addEventListener('resize', compute);
    // })()
    if (navigator.userAgent.indexOf('QQBrowser') > -1) {
    // 针对 QQ 浏览器的特殊处理
    document.querySelector('meta[name="viewport"]').setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');
}
  </script>
</head>

<body>
  <div id="root" style="height: 100%"></div>
</body>

</html>